<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="css/normalize.css" />
	<link rel="stylesheet" href="css/event-style.css" />
	<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
	<title>Events</title>
</head>
<body>
	<nav id="menu">
		<ul>
			<li><a class="active" href="#">Home</a></li>
			<li><a href="#">About</a></li>
			<li><a href="#">Clients</a></li>
			<li><a href="#">Contact Us</a></li>
		</ul>
	</nav>
	<script type="text/javascript">
		$(document).ready(function(){
			$('#menu ul').addClass('menu');
			$('#menu ul li a').click(function(){
				$('#menu ul li a').removeClass('active'); //remove class activ from <a>
				$(this).addClass('active');
			})
		});
	</script>
</body>
</html>